<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			strong{
				color: red;
				
			}
		</style>
	</head>
	<body>
		<div class="content">
			<ul>

			</ul>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		$.ajax({
			type:"get",
			url:"http://120.48.109.174:8081/area/hot",
			async:true,
			success:function(res){
				var str = "";
				for (var i=0;i<res.body.length;i++) {
					var city = res.body[i].label;
					var cityF = res.body[i].pinyin;
					str += `
							<li>
								<strong>${city}</strong>
								<span>${cityF}</span>
							</li>
					`;
				}
				$(".content ul").html(str);
			}
		});
		
	</script>
</html>
